<script setup>
import { CONFIG } from "~/lib/config"
useSeoMeta({
  ogSiteName: CONFIG.siteName,
  author: "Mindweaver",
  description: "Mindweaver - Turn web content into structured mind maps with AI expansion and real-time collaboration for knowledge workers and teams.",
  keywords: "mind map generator, AI mind mapping, web content to mindmap, collaborative mind mapping tool, knowledge visualization software",
  ogTitle: "Mindweaver - AI-Powered Mind Mapping Tool for Web Content",
  ogDescription: "Transform any webpage into interactive mind maps instantly. Enhance with AI, collaborate in real-time, and export to multiple formats.",
  ogImage: "/opengraph-image.png",
  ogImageAlt: "Mindweaver AI Mind Mapping Tool Interface",
  ogUrl: "/",
  twitterTitle: "Mindweaver - Turn Web Pages into Mind Maps with AI",
  twitterDescription: "One-click conversion of web content to structured mind maps with AI expansion and team collaboration features.",
  twitterImage: "/twitter-image.png",
  twitterImageAlt: "Mindweaver AI Mind Mapping Tool Preview",
})

useHead({
  titleTemplate: "%s %separator %siteName",
  templateParams: {
    separator: "|", // choose a separator, i like using this one
    siteName: CONFIG.siteName, // set a site name
  },
})
</script>

<template>
    <div class="flex flex-col min-h-screen">
        <Header />
        <main>
            <slot />
        </main>
        <Footer />
    </div>
</template>